<script setup>
import AppUser from './Child/AppUser/AppUser.vue'
import PcUser from './Child/PcUser/PcUser.vue'
import NewUser from './Child/NewUser/NewUser.vue'
import { ref } from 'vue';

const props = defineProps({
  // 可选择表格配置
  rowSelection: { type: Object, default: null },
  // 父组件要求的默认筛选参数
  params: { type: Object, default: () => ({}) }
})

const value1 = ref(1)
</script>

<template>
  <div>
    <a-radio-group v-model:value="value1" button-style="solid" style="margin-bottom: 20px;">
      <a-radio-button :value="1">PC端用户</a-radio-button>
      <a-radio-button :value="2">小程序用户</a-radio-button>
      <a-radio-button :value="3">用户每日登录新增数据</a-radio-button>
    </a-radio-group>
    <PcUser v-bind="props" v-if="value1 === 1" />
    <AppUser v-bind="props" v-if="value1 === 2" />
    <NewUser v-bind="props" v-if="value1 === 3"></NewUser>
  </div>
</template>

<style lang="scss" scoped>
.page {
  display: flex;
  flex-direction: column;
  gap: 24px;

  .table {
    flex: 1;
    overflow: auto;
  }
}
</style>